<template>
  <div class="guide">
            <div class="header">
                <div class="title">规则灵活配置，轻松搞定工资计算</div>
                <div class="header-btns">
                    <Button class="save-btn-green set-template">设置工资表模板</Button>
                </div>
            </div>
            <div class="guide-step">
                <img src="@/assets/images/guide.png" alt="">
            </div>
  </div>

  <!-- <div class="config">
    <div class="breadcrumb">
      <Breadcrumb>
        <BreadcrumbItem to="/">返回</BreadcrumbItem>
        <BreadcrumbItem to="/">考勤组管理</BreadcrumbItem>
        <BreadcrumbItem>新增考勤组</BreadcrumbItem>
      </Breadcrumb>
    </div>


  </div> -->
</template>
<script>
import { attendance } from "@/apis";
import http from "@/utils/http";
export default {
  data() {
    return {
      current: 2,
      formItem: {
        input: ""
      },
      modal2:false,
       columns: [
        {
          title: "姓名",
          key: "name"
        },
        {
          title: "工号",
          key: "age"
        },
        {
          title: "部门",
          key: "province"
        },
        {
          title: "岗位",
          key: "city"
        },
        {
          title: "工作性质",
          key: "city"
        },
        {
          title: "成员姓名",
          key: "city"
        },
        {
          title: "成员关系",
          key: "city"
        },
        {
          title: "工作单位",
          key: "city"
        },

        {
          title: "操作",
          key: "action",
          width: 120,
          render: (h, params) => {
            return h("div", [
              h(
                "Button",
                {
                  props: {
                    type: "text",

                    className: "table-action-btn"
                  },
                  class: "table-action-btn",
                  on: {
                    click: () => {
                      this.openRightCard(params.index);
                    }
                  }
                },
                "快速编辑"
              )
            ]);
          }
        }
      ],
      company: [
        {
          title: "基本工资",
          desc: ["基本工资", "餐补"]
        },
        {
          title: "基本工资",
          desc: ["基本工资", "餐补"]
        },
        {
          title: "基本工资",
          desc: ["基本工资", "餐补"]
        },
        {
          title: "基本工资",
          desc: ["基本工资", "餐补"]
        },
        {
          title: "基本工资",
          desc: ["基本工资", "餐补"]
        },
        {
          title: "基本工资",
          desc: ["基本工资", "餐补", "餐补", "餐补"]
        }
      ]
    };
  },
  methods: {
    next() {
      if (this.current == 2) {
        this.current = 0;
      } else {
        this.current += 1;
      }
    },
    prev() {
      if (this.current == 0) {
        this.current = 0;
      } else {
        this.current -= 1;
      }
    },
    preview(){
        this.modal2 = true;
    }
  }
};
</script>
<style lang="scss" scoped src="./guide.scss"></style>

